<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Welcome to Bouncing Ball</title>

<link rel="shortcut icon" href="Files/main.png" type="image/png"></link>
<link rel="icon" href="Files/main.png" type="image/png"></link>

<style>
div#button {
 	background-image:url('Files/Button.png');
 	background-repeat: no-repeat;
 	width:320px;
   height:68px;
 	text-align:center;
 	vertical-align:middle;
   font-family: Impact;
   font-size: 2em;
   padding-top: 1em;
}
</style>

<script type="text/javascript" src="JS/index_scr.js" >
</script>
</head>
<body bgcolor="black" onload="Proc_Canvas();">
<img src="Files/main.jpg" alt="Logo"  style="display:none" id="splash"/>
<img src="Files/dialog.png" style="display:none" id="welcome" />
<div style="display:none" id="help">
Welcome to Bouncing Balls,
A Cool Game where your objective is to keep the ball far from the walls and keep moving

CONTROLS:
&bull; press arrow keys to move,
&bull; space to add 'brake' effect
&bull; some browsers dont suopport Sanning arrow keys
	press "W", "A", "D"or "S" to move
&bull; If you are on A touvh device, you can use the D-PAD








&copy; Sohan Basak, All Rights Resreved.
</div>


<center>
	<canvas width="640" height="640" id="main" style="text-align:center" > </canvas>
	<br />
	<table><tr>
	<td>
	<div id="button" style="color:rgba(6, 25, 6, 0.8);background-color:rgba(42, 253, 50, 0.78);" onclick="window.location.href='game.html'"> Play </div>
	</td><td>>
	<div id="button" style=";color:rgba(6,25,6,0.8);background-color:rgba(42, 253, 50, 0.78);" onclick="DoHelp();"> Help </div>
	</td></tr>
	</table>
</center>

</body>
</html>